<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>ws</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				list-style: none;
				box-sizing: border-box;
			}
			.box{
				width: 96%;
				margin: 50px auto;
			}
			.ull_w{
				width:100px; 
				height: 35px;
				overflow: hidden; 
				border: 1px solid #cccccc; 
				margin-bottom: 30px;
				
			}

			.ull_w li {
				width: 100%;
				float: left;
				text-align: center;
				line-height: 35px;
			}

			.div_w>div {
				float: left;
				margin-right:16px;
				font-size: 14px;
			}

			.div_w>div>input {
				border: none;
				width: 90px;
				border-bottom: 1px solid #cccccc;
			}

			.div_w>div>select {
				width: 50px;
			}

			.div_w>button {
				float: left;
				border: none;
				width: 60px;
				padding: 5px;
				border: 1px solid #cccccc;
				text-align: center;
				font-size: 14px;
				border-radius: 10px;
				background: #ffffff;
			}
			.table{
				width: 100%;
				text-align: center; 
				margin-top: 30px;
			}
			.table tr td{
				padding: 5px;
			}
			.active{
				color: aqua;
			}
		</style>

	</head>
	<body>
		<div class="box">
			<div class="div_w" style="width: 100%; overflow: hidden;">
				<div>专题ID：<input type="text"/></div>
				<div>专题名称：<input type="text" /></div>
				<div>状态：<select>
						<option></option>
					</select></div>
				<div>频道：<select>
						<option></option>
					</select></div>
				<div>创建时间：<select>
						<option></option>
					</select></div>
				<button>搜索</button>
			</div>
			<table border="1"  cellspacing="0" cellpadding="0" class="table">
				<tr>
					<td>选择</td>
					<td>ID</td>
					<td>标题</td>
					<td>状态</td>
					<td>频道</td>
					<td>文章数</td>
					<td>创建时间</td>
					<td>操作</td>
					<td>。。。</td>
				</tr>
				<tr>
					<td><input type="checkbox"/></td>
					<td>1</td>
					<td>专题xxxxxxxxx</td>
					<td>有更新</td>
					<td>时是</td>
					<td>3</td>
					<td>2018-11-2 13:25:01</td>
					<td>查看编辑文章</td>
					<td></td>
				</tr>
				<tr>
					<td><input type="checkbox"/></td>
					<td>2</td>
					<td>专题xxxxxxxxx</td>
					<td>有更新</td>
					<td>财经</td>
					<td>5</td>
					<td>2018 11-2 13:25:01</td>
					<td>查看编辑文章</td>
					<td></td>
				</tr>
				<tr>
					<td><input type="checkbox"/></td>
					<td>3</td>
					<td>专题xxxxxxxxx</td>
					<td>有更新</td>
					<td>旅游</td>
					<td>7</td>
					<td>2018-11-2 18:05:11</td>
					<td>查看编辑文章</td>
					<td></td>
				</tr>
			</table>
		</div>
	</body>
</html>
